export const option = {
    legend: {
        data: ['Tensile_Strength', 'Yield_Strength'],
    },
    radar: {
        center: ['50%', '68%'], // 雷达图居中
        radius: '95%',          // 缩小雷达图半径
        axisLine: {             // 坐标轴线样式
            lineStyle: {
                color: '#999',      // 轴线颜色
                width: 1
            }
        },
        splitLine: {            // 分割线样式
            lineStyle: {
                color: '#ddd',      // 分割线颜色
                width: 1
            }
        },
        indicator: []
    },
    tooltip: { // 悬浮提示框配置
        trigger: 'item',
        formatter: function(params) {
            // 默认内容格式（标题）
            let content = params.name + '<br/>';
            // 遍历数据项
            params.value.forEach((value, index) => {
                const indicators=["EVS","R2","sMAPE"];
                // 拼接内容（保留原有样式）
                if(index==2) value=parseFloat(((1-value)*2).toFixed(4));
                content += `
                    ${params.marker}
                    <span>${indicators[index]}</span>:
                    ${value}
                    <br/>
                `;
            });
            return content;
        }
    },
    series: [
        {
            name: 'Material Strength',
            type: 'radar',
            data: [
                {
                    value: [],
                    name: 'Tensile_Strength',
                    lineStyle: { color: 'rgb(150,150,150)' },
                    itemStyle: { color: 'rgb(150,150,150)'},
                },
                {
                    value: [],
                    name: 'Yield_Strength',
                    lineStyle: { color: 'rgb(116,169,207)' },
                    itemStyle: { color: 'rgb(116,169,207)'},
                }
            ]
        }
    ]
};
